import styled from 'styled-components';
import sprite_button from '@/assets/img/sprite_button.png';

export const RankDetailWrapper = styled.div``;

export const InfoWrapper = styled.div`
  display: flex;
  padding: 40px;
  .img {
    border: 1px solid #ccc;
    padding: 3px;
    position: relative;
    > span {
      position: absolute;
      top: 3px;
      left: 3px;
      background-position: -230px -380px !important;
      width: 150px;
      height: 150px;
    }
  }
  .info {
    padding: 20px 30px;
    .name {
      font-size: 20px;
      font-weight: normal;
    }
    .updateTime {
      margin-top: 10px;
      > span {
        font-size: 12px;
        color: #666;
        &:last-child {
          color: #999;
          margin-left: 10px;
        }
      }
      > i {
        display: inline-block;
        width: 13px;
        height: 13px;
        background-position: -18px -682px;
        margin: 5px 5px 0 0;
      }
    }
    .ctrl {
      margin-top: 30px;
    }
  }
`;

export const RemarkWrapper = styled.div``;
